<template>
	<view class="withdrawal">
		<!-- 提现 4  从账户提现进入-->
		<u-navbar leftIconSize="34rpx" autoBack :placeholder="true" bgColor="#ffffff">
			<view slot="center"><text class="c-000 pf-sc fw-600" style="font-size: 34rpx;">提现</text></view>
		</u-navbar>
		<!--  -->
		<view class="authentication-container w-750 b-box  bg-fa po-re" style="padding-top: 20rpx;" 
			:style="{height:containerHeight}" v-if="!applyStatus">
			
			<view class="d-flex flex-c ali-i-s just-s b-box w-100 bg-ff"
				style="padding: 36rpx 32rpx 20rpx;border-bottom: 1rpx solid #eaeaea;">
				<text class="pf-sc fw-400" style="font-size: 30rpx;color: rgba(0,0,0,0.9000);margin-bottom: 20rpx;">提现金额</text>
				<view class="d-flex flex-r ali-i-c just-s w-100 b-box">
					<text class="fw-400 pf-sc c-333" style="font-size: 38rpx;margin-right: 15rpx;">¥</text>
					<u-input border="none" placeholder="最低提现金额不少于100元"
						:customStyle="{color:'#222222',font:'400 30rpx PingFang SC'}"
						:placeholderStyle="{color:'#999999',fontWeight: '400',fontsize:'30px',fontfamily: 'PingFang SC-Regular, PingFang SC'}"
						></u-input>
				</view>
			</view>
			<!--  -->
			<view class="w-100 b-box bg-ff" style="height: 35rpx;margin-bottom: 20rpx;"></view>
			<!--  -->
			<view class="w-100  bg-ff d-flex b-box flex-r ali-i-c just-s po-re" @click="Back"
				style="height: 112rpx;padding: 0 38rpx 0rpx 36rpx;margin-bottom: 80rpx;">
				<text class="pf-sc fw-400 " style="color: rgba(0,0,0,0.9000);font-size: 30rpx;margin-right: 44rpx;">提现账户</text>
				<view style="width: 56rpx;height: 56rpx;border-radius: 9rpx;overflow: hidden;margin-right: 16rpx;">
					<image src="../static/wx.png" style="width: 56rpx;height: 56rpx;"></image>
				</view>
				<text class="c-333 pf-sc fw-400" style="font-size: 30rpx;">微信余额</text>
				<view class="po-ab" style="right: 38rpx;">
					<image src="../static/rightc.png" style="width: 14rpx;height: 26rpx;"></image>
				</view>
			</view>
			<!--  -->
			<view class="w-100 b-box d-flex flex-r ali-i-c just-c">
				<u-button :throttleTime="700" @click="Save" :customStyle="{height:'88rpx',width:'670rpx',
					font:'400 32rpx PingFang SC',color:'#ffffff',borderWidth:'0rpx',background: 'linear-gradient(180deg, #4885C5 0%, #3B52A6 100%)',
					borderRadius:'44rpx'}" shape="square" text="提现">
				</u-button>
			</view>
		</view>
		<!-- 已提交时界面状态 -->
		<view v-else :style="{height:containerHeight}"  class=" w-750 b-box bg-fa">
			<view class="authentication-container w-750 b-box d-flex flex-c ali-i-c just-c  bg-fa po-re"
				:style="{height:parseInt(containerHeight)/2+'px'}" v-if="passThrough">
				  <image src="../static/succrss.png" style="width: 198rpx;height: 198rpx;margin: 88rpx 0 32rpx;"></image>
				  <text class="pf-sc fw-500" style="font-size: 34rpx;color: #222222;margin-bottom: 16rpx;">提现申请已提交</text>
				  <text class="pf-sc fw-400" style="font-size: 26rpx;color: #666666;margin-bottom: 68rpx;">您的提现申请已提交，等待平台审核</text>
					<u-button :throttleTime="700" plain @click="GoStaffHome" :customStyle="{height:'74rpx',width:'240rpx',
						font:'400 32rpx PingFang SC',color:'#333333',borderWidth:'0rpx',
						borderRadius:'44rpx',border:'1rpx solid #dcdcdc'}" shape="square" text="返回首页">
					</u-button>
			</view>
			
			<view class="authentication-container w-750 b-box d-flex flex-c ali-i-c just-c  bg-fa po-re"
				:style="{height:parseInt(containerHeight)/2+'px'}" v-else>
				  <image src="../static/fail2.png" style="width: 198rpx;height: 198rpx;margin: 88rpx 0 32rpx;"></image>
				  <text class="pf-sc fw-500" style="font-size: 34rpx;color: #222222;margin-bottom: 16rpx;">提现申请失败</text>
				  <text class="pf-sc fw-400" style="font-size: 26rpx;color: #666666;margin-bottom: 68rpx;">失败原因描述</text>
					<u-button :throttleTime="700" plain @click="GoStaffHome" :customStyle="{height:'74rpx',width:'240rpx',
						font:'400 32rpx PingFang SC',color:'#333333',borderWidth:'0rpx',
						borderRadius:'44rpx',border:'1rpx solid #dcdcdc'}" shape="square" text="返回首页">
					</u-button>
			</view>
		</view>
		
	</view>
</template>

<script>
	import {
		_containerHeight,
		_addUnit,
		_rpxTpx
	} from '@/utils/GetSys.js';
	import Unavbar from '../components/uview-ui/components/u-navbar/u-navbar';
	import Ubutton from '../components/uview-ui/components/u-button/u-button';
	import uInput from '../components/uview-ui/components/u-input/u-input';
	export default {
		components: {
			'u-navbar': Unavbar,
			'u-button': Ubutton,
			'u-input': uInput
		},
		data() {
			return {
				containerHeight: '',
				fileList1: [],
				applyStatus:false,  //是否审核状态
				passThrough:false,  //审核状态中是否申请成功
			};
		},
		methods:{
			GoStaffHome(){
				uni.switchTab({
					url:'/pages/UserHomePage/UserHomePage'
				})
			},
			Back(){
				uni.redirectTo({
					url:'/staffModelA/staffC/WithdrawalAccount/WithdrawalAccount'
				})
			}, 
			Save(){  //保存
				this.applyStatus=true;
				//this.passThrough=true;  //申请成功
				this.passThrough=false;  //申请失败
			},
			
		},
		onLoad() {
			this.containerHeight = _containerHeight();

		}
	}
</script>

<style lang="scss">
	.withdrawal{
		
	}
</style>
